
import Vue from "vue";

Vue.directive('enterToNext', {
  inserted: async function (el) {
    console.log("enterToNext...")
    let inputs = await el.getElementsByTagName('input');
    inputs[0].focus()
    //切换事件
    for (var i = 0; i < inputs.length; i++) {
      inputs[i].setAttribute("keyFocusIndex", i);
      inputs[i].addEventListener('keyup', (ev) => {
        if (ev.keyCode === 13) {
          let targetTo = ev.srcElement.getAttribute('keyFocusTo');
          console.log(targetTo)
          if (targetTo) {
            this.$refs[targetTo].$el.focus();
          } else {
            var attrIndex = ev.srcElement.getAttribute('keyFocusIndex');
            var ctlI = parseInt(attrIndex);
            if (ctlI < inputs.length - 1)
              inputs[ctlI + 1].focus();
          }
        }
      });
    }
  },
});
